window.addEventListener('load', function () {
    //配置
    var config = {
        vx: 4,	//小球x轴速度,正为右，负为左
        vy: 4,	//小球y轴速度
        height: 2,	//小球高宽，其实为正方形，所以不宜太大
        width: 2,
        count: 200,		//点个数
        color: " #0, 189, 255", 	//点颜色
        stroke: "red", 		//线条颜色
        dist: 6000, 	//点吸附距离
        e_dist: 20000, 	//鼠标吸附加速距离
        max_conn: 10 	//点到点最大连接数
    }

    //调用
    CanvasParticle(config);

    //  获取数据源
    let dataList =[    
        // 重构数据结构
        {
            title:'金融案例',
            enTitle:'Financial Case',
            data:[
                {
                    img:'szyh.png',
                    name:'苏州银行数据API服务系统',
                    desc:'苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。',
                    url:'./customerDetails.html'
                },
                {
                    img:'hcfc2.png',
                    name:'河北幸福消金三方数据管理平台',
                    desc:'苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。',
                    url:'./customerDetails.html'
                },
                {
                    img:'sznsyh.png',
                    name:'苏州农商行数据敏捷共享平台',
                    desc:'苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。',
                    url:'./customerDetails.html'
                },
            ]
        },
        {
            title:'企业案例',
            enTitle:'business Case',
            data:[
                {
                    img:'zhylian.png',
                    name:'苏州银行数据API服务系统',
                    desc:'苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。',
                    url:'./customerDetails.html'
                },
                {
                    img:'zgtxfw.png',
                    name:'河北幸福消金三方数据管理平台',
                    desc:'苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。',
                    url:'./customerDetails.html'
                },
                {
                    img:'airbus.png',
                    name:'苏州农商行数据敏捷共享平台',
                    desc:'苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。',
                    url:'./customerDetails.html'
                },
            ]
        },
        {
            title:'政府案例',
            enTitle:'Government Case',
            data:[
                {
                    img:'scm.png',
                    name:'苏州银行数据API服务系统',
                    desc:'苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。',
                    url:'./customerDetails.html'
                },
                {
                    img:'sgaj.png',
                    name:'河北幸福消金三方数据管理平台',
                    desc:'苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。',
                    url:'./customerDetails.html'
                },
                {
                    img:'szfjg.png',
                    name:'苏州农商行数据敏捷共享平台',
                    desc:'苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。',
                    url:'./customerDetails.html'
                },
            ]
        }
        ];

    //获取小标题数据源

    // 获取渲染源

    // 创建节点
    // 遍历数组
    // 创建标签
    let conList = ''
    // 遍历数组
    dataList.forEach(function (v, i) {
        conList += ` <div class="content">
        <h1>${v.title} <span>/${v.enTitle}</span> </h1>
        
         <ul class="clearfix list1">`
        v.data.forEach(function (v) {
            conList += `
        <li>
        <img src="./images/${v.img}" alt="">
        <h2>${v.name}</h2>
        <p>${v.desc}</p>
        <a href="${v.url}">了解详情 </a>
        </li>`
        })
        
        conList += `
        </ul>
        </div>`
    })
    gitEle('.main').innerHTML=` <ol>
    <li>金融案例</li>
    <li>企业案例</li>
    <li>政务案例</li>
    <li>更多伙伴</li>
</ol>`+conList
        // li = `


        // <li>
        //     <img src="./images/${v.img}" alt="">
        //     <h2>${v.name}</h2>
        //     <p>${v.desc}</p>
        //     <h3>了解详情 </h3>
        // </li>


        //     `


        // //判断对象值，进行添加节点    
        // if(v.category==='finance'){ 

        //     gitEle('.list1').innerHTML+=li
        // }else if(v.category==='business'){ 
        //     gitEle('.list2').innerHTML+=li
        // }else{
        //     gitEle('.list3').innerHTML+=li
        // }

 
    // 获取h1节点数组
    // let h1List = gitEleAll('.main h1')
    // // 获取标题数组
    // let liList = gitEleAll('.main ol li')
    // //遍历ol下的li绑定点击事件
    // liList.forEach(function (v, i) {

    //     h1List.forEach(function (itme, index) {
    //         v.addEventListener('click', function () {
    //             $("html,body").scrollTop($(itme).offset().top)
    //         })
    //     })
    // })
    let imhList1=[{
        img:'more-partners-item01.svg'
    },{
        img:'more-partners-item02.svg'
    },{
        img:'more-partners-item03.svg'
    },{
        img:'more-partners-item04.svg'
    },{
        img:'more-partners-item05.svg'
    },{
        img:'more-partners-item06.svg'
    },{
        img:'more-partners-item07.svg'
    },{
        img:'more-partners-item08.svg'
    },{
        img:'more-partners-item09.svg'
    },]
    imhList1.forEach(function(v){
        gitEle('.article dl').innerHTML+=`<dd><img src="./images/${v.img}" alt=""></dd>`
    })
    //楼层跳转
    let olList=gitEleAll('.main ol li')
    let contents=gitEleAll('.content')
    console.log(olList,contents);
    olList.forEach(function(v,i){
        v.addEventListener('click',function(){
            // document.documentElement.scrollTop=contents[i].offsetTop;
            window.scrollTo({
            top:contents[i].offsetTop,
                behavior:"smooth",
            });
        })
    })

    let jump = gitEleAll('header a')
    jump.forEach(function (v, i) {
        v.addEventListener('click', function () {

            if (i == 0) {
                window.location.href = 'index.html'
            } else if (i == 1) {
                window.location.href = 'api.html'
            } else if (i == 3) {
                window.location.href = 'unicorn.html'
            } else if (i == 6) {
                window.location.href = 'register.html'
            }else if(i==5){
                window.location.href = 'api log-in-1.html'
            }else if(i==4){
                window.location.href = 'api-paging.html'
            }

        })
    })
















})